*{
    margin: 0;
    padding: 0;
}
body{
    font-family: Arial, Helvetica, sans-serif;
    background-color: #b2b2b2;
}
.container{
    padding: 50px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.text{
    box-sizing: border-box;
    width: calc(50% - 10px);
    font-size: 15px;
}
.text0 .typewriter{
    width: 100%;
    overflow: hidden;
    border-right: .15em solid orange;
    white-space: nowrap;
    margin: 0 auto;
    letter-spacing: .1em;
    display: inline-block; /* 关键添加 */
    animation: 
    typing 3.5s steps(50, end) infinite,
    blink-caret .75s step-end infinite;
}
@keyframes typing {
    0% { width: 0 }
    60% { width: 100% }
    100% { width: 100% }

  }
  
@keyframes blink-caret {
    from, to { border-color: transparent }
    50% { border-color: orange; }
}